<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,Chrome=1" />
    <title>eachgo管理-拼购统计</title>
    <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
    <link href="./css/bootstrap-datetimepicker.min.css" rel="stylesheet" media="screen">
    <link rel="stylesheet" type="text/css" href="css/css.css">
    <!--[if IE 7]>
    <link rel="stylesheet" type="text/css" href="css/font-awesome-ie7.min.css">
    <!--[endif]-->

    <script src="./js/jquery-2.1.4.min.js"></script>
    <script src="./js/bootstrap.min.js"></script>
    <script type="text/javascript" src="./js/bootstrap-datetimepicker.js" charset="UTF-8"></script>
    <script type="text/javascript" src="./js/bootstrap-datetimepicker.zh-CN.js" charset="UTF-8"></script>
    <script src="js/js.js"></script>

</head>
<body>

<!-- [if lt IE 9]>
<script src="../js/html5shiv.min.js"></script>
<script src="../js/respond.min.js"></script>
<!-- [endif] -->

<div class="container">
    <!--header-div start-->
    <div class="row" style="margin: 0">
        <div class="col-sm-2 col-lg-2" style="padding:0;">
            <img src="img/logo.png" style="height:58px;width:auto;margin: 30px 30px;">
        </div>
        <div class="col-sm-2 col-lg-2">
            <h3 style="margin: 60px 0 0 0">后台管理系统</h3>
        </div>
    </div>
    <!--header-div end-->

    <!--body-div start-->
    <div class="row" style="margin: 0">
        <div class="col-sm-12 col-lg-12" style="background-color: #00cebc;">
            <div style="padding-top: 10px;">
                <span style="font-size: 16px">&nbsp;工号201310414325433</span>
                <span style="margin-left: 50px;"><a href="#" style="color: #000;font-size: 16px;">退出登录</a></span>
                <span class="time pull-right" style="font-size: 16px;"></span>
            </div>

            <div class="row" style="margin: 0">
                <!--leftbar start-->
                <div id="leftbar">
                    <div class="text-center"><h4>欢迎登录Eachgo后台管理系统</h4></div>
                    <div style="background-color: #a2dae0;margin: 0 10px 10px 10px;padding: 1px 0;">
                        <div class="panel-group" id="accordion">
                            <div class="panel" style="margin: 10px;">
                                <button class="btn btn-lg btn-block btn-default side-button" data-parent="#accordion" data-toggle="collapse" data-target="#collapseOne" aria-expanded="false" aria-controls="collapseOne">
                                    仓库管理
                                </button>
                                <div id="collapseOne" class="panel-collapse collapse">
                                    <div class="panel-body">
                                        <ul>
                                            <li>1</li>
                                            <li>2</li>
                                            <li>3</li>
                                            <li>4</li>
                                            <li>5</li>
                                            <li>6</li>
                                            <li>7</li>
                                            <li>8</li>
                                            <li>9</li>
                                            <li>10</li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                            <div class="panel" style="margin: 10px;">
                                <button class="btn btn-lg btn-block btn-default side-button" data-parent="#accordion" data-toggle="collapse" data-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
                                    商品管理
                                </button>
                                <div id="collapseTwo" class="panel-collapse collapse">
                                    <div class="panel-body">
                                        <ul>
                                            <li>1</li>
                                            <li>2</li>
                                            <li>3</li>
                                            <li>4</li>
                                            <li>5</li>
                                            <li>6</li>
                                            <li>7</li>
                                            <li>8</li>
                                            <li>9</li>
                                            <li>10</li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                            <div class="panel" style="margin: 10px;">
                                <button class="btn btn-lg btn-block btn-default side-button" data-parent="#accordion" data-toggle="collapse" data-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
                                    拼购管理
                                </button>
                                <div id="collapseThree" class="panel-collapse collapse">
                                    <div class="panel-body">
                                        <ul>
                                            <li>1</li>
                                            <li>2</li>
                                            <li>3</li>
                                            <li>4</li>
                                            <li>5</li>
                                            <li>6</li>
                                            <li>7</li>
                                            <li>8</li>
                                            <li>9</li>
                                            <li>10</li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                            <div class="panel" style="margin: 10px;">
                                <button class="btn btn-lg btn-block btn-default side-button" data-parent="#accordion" data-toggle="collapse" data-target="#collapseFour" aria-expanded="false" aria-controls="collapseFour">
                                    订单管理
                                </button>
                                <div id="collapseFour" class="panel-collapse collapse">
                                    <div class="panel-body">
                                        <ul>
                                            <li>1</li>
                                            <li>2</li>
                                            <li>3</li>
                                            <li>4</li>
                                            <li>5</li>
                                            <li>6</li>
                                            <li>7</li>
                                            <li>8</li>
                                            <li>9</li>
                                            <li>10</li>
                                        </ul>
                                    </div>
                                </div>                            </div>
                            <div class="panel" style="margin: 10px;">
                                <button class="btn btn-lg btn-block btn-default side-button" data-parent="#accordion" data-toggle="collapse" data-target="#collapseFive" aria-expanded="false" aria-controls="collapseFive">
                                    商品评价管理
                                </button>
                                <div id="collapseFive" class="panel-collapse collapse">
                                    <div class="panel-body">
                                        <ul>
                                            <li>1</li>
                                            <li>2</li>
                                            <li>3</li>
                                            <li>4</li>
                                            <li>5</li>
                                            <li>6</li>
                                            <li>7</li>
                                            <li>8</li>
                                            <li>9</li>
                                            <li>10</li>
                                        </ul>
                                    </div>
                                </div>                            </div>
                            <div class="panel" style="margin: 10px;">
                                <button class="btn btn-lg btn-block btn-default side-button" data-parent="#accordion" data-toggle="collapse" data-target="#collapseSix" aria-expanded="false" aria-controls="collapseSix">
                                    高校代理管理
                                </button>
                                <div id="collapseSix" class="panel-collapse collapse">
                                    <div class="panel-body">
                                        <ul>
                                            <li>1</li>
                                            <li>2</li>
                                            <li>3</li>
                                            <li>4</li>
                                            <li>5</li>
                                            <li>6</li>
                                            <li>7</li>
                                            <li>8</li>
                                            <li>9</li>
                                            <li>10</li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                            <div class="panel" style="margin: 10px;">
                                <button class="btn btn-lg btn-block btn-default side-button" data-parent="#accordion" data-toggle="collapse" data-target="#collapseSeven" aria-expanded="true" aria-controls="collapseSeven">
                                    管理员帐户
                                </button>
                                <div id="collapseSeven" class="panel-collapse collapse">
                                    <div class="panel-body">
                                        <ul>
                                            <li>1</li>
                                            <li>2</li>
                                            <li>3</li>
                                            <li>4</li>
                                            <li>5</li>
                                            <li>6</li>
                                            <li>7</li>
                                            <li>8</li>
                                            <li>9</li>
                                            <li>10</li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                            <div class="panel" style="margin: 10px;">
                                <button class="btn btn-lg btn-block btn-default side-button" data-parent="#accordion" data-toggle="collapse" data-target="#collapseEight" aria-expanded="true" aria-controls="collapseEight">
                                    页面广告管理
                                </button>
                                <div id="collapseEight" class="panel-collapse collapse">
                                    <div class="panel-body">
                                        <ul>
                                            <li>1</li>
                                            <li>2</li>
                                            <li>3</li>
                                            <li>4</li>
                                            <li>5</li>
                                            <li>6</li>
                                            <li>7</li>
                                            <li>8</li>
                                            <li>9</li>
                                            <li>10</li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                            <div class="panel" style="margin: 10px;">
                                <button class="btn btn-lg btn-block btn-default side-button" data-parent="#accordion" data-toggle="collapse" data-target="#collapseNine" aria-expanded="true" aria-controls="collapseNine">
                                    用户管理
                                </button>
                                <div id="collapseNine" class="panel-collapse collapse">
                                    <div class="panel-body">
                                        <ul>
                                            <li>1</li>
                                            <li>2</li>
                                            <li>3</li>
                                            <li>4</li>
                                            <li>5</li>
                                            <li>6</li>
                                            <li>7</li>
                                            <li>8</li>
                                            <li>9</li>
                                            <li>10</li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!--leftbar end-->

                <!--rightbar start-->
                <div id="rightbar">
                    <br>
                    <hr style="border: none;border-bottom: 1px solid #000;">
                    <div style="margin: 0 40px">
                        <div class="btn btn-lg">表格统计</div>
                        <div class="btn btn-lg">图形统计</div>
                        <form class="form-horizontal" method="post" action="#" name="">
                            <div class="form-group">
                                <label for="method" class="col-sm-2 col-lg-2 control-label">统计方式</label>
                                <div class="col-sm-2 col-lg-2">
                                    <select class="form-control" id="method" style="border: 1px solid #CCC;">
                                        <option>日统计</option>
                                        <option>周统计</option>
                                        <option>月统计</option>
                                    </select>
                                </div>
                            </div>
                            <!--日期选择-->
                            <div class="form-group">
                                <label for="dtp_input2" class="col-sm-2 col-lg-2 control-label">选择日期</label>
                                <div class="col-sn-4 col-lg-4">
                                    <div class="input-group date form_date" data-date-format="yyyy-mm-dd" data-link-field="dtp_input2" data-link-format="yyyy-mm-dd">
                                        <input class="form-control" type="text" value="" style="border: 1px solid #CCC;">
                                        <span class="input-group-addon" style="border: 1px solid #CCC;"><span class="glyphicon glyphicon-remove"  aria-hidden="true"></span></span>
                                        <span class="input-group-addon" style="border: 1px solid #CCC;border-radius: 0;"><span class="glyphicon glyphicon-calendar"  aria-hidden="true"></span></span>
                                    </div>
                                </div>
                                <input type="hidden" id="dtp_input2" value="">
                            </div>
                        </form>

                        <!--分类查看-->
                        <div class="h4" style="margin-bottom: 0">
                            <span>分类查看：</span>
                            <ol class="breadcrumb" style="display: inline;padding-top: 0;padding-bottom: 0">
                                <li><a href="#">全部</a></li>
                                <li><a href="#">电子数码类</a></li>
                                <li class="active">手机</li>
                            </ol>
                        </div>

                        <div style="margin-top: 30px;">
                            <table class="table text-center" border="1">
                                <thead>
                                <tr>
                                    <td>商品名称</td>
                                    <td>商品图片</td>
                                    <td>货物描述</td>
                                    <td>价格</td>
                                    <td>抽奖类别</td>
                                    <td>总人数</td>
                                    <td>人均额</td>
                                    <td>奖品数量</td>
                                    <td>当前期数</td>
                                    <td>获奖用户</td>
                                </tr>
                                </thead>
                                <tbody>
                                <tr>
                                    <td>小米1</td>
                                    <td><img src="" width="" height=""></td>
                                    <td>2G内存 800W像素</td>
                                    <td>￥808</td>
                                    <td>标准</td>
                                    <td>80</td>
                                    <td>10</td>
                                    <td>1</td>
                                    <td>5</td>
                                    <td>12345678909</td>
                                </tr>
                                <tr>
                                    <td>小米1</td>
                                    <td><img src="" width="" height=""></td>
                                    <td>2G内存 800W像素</td>
                                    <td>￥808</td>
                                    <td>标准</td>
                                    <td>80</td>
                                    <td>10</td>
                                    <td>1</td>
                                    <td>5</td>
                                    <td>12345678909</td>
                                </tr>
                                <tr>
                                    <td>小米1</td>
                                    <td><img src="" width="" height=""></td>
                                    <td>2G内存 800W像素</td>
                                    <td>￥808</td>
                                    <td>标准</td>
                                    <td>80</td>
                                    <td>10</td>
                                    <td>1</td>
                                    <td>5</td>
                                    <td>12345678909</td>
                                </tr>
                                <tr>
                                    <td>小米1</td>
                                    <td><img src="" width="" height=""></td>
                                    <td>2G内存 800W像素</td>
                                    <td>￥808</td>
                                    <td>标准</td>
                                    <td>80</td>
                                    <td>10</td>
                                    <td>1</td>
                                    <td>5</td>
                                    <td>12345678909</td>
                                </tr>
                                </tbody>
                            </table>
                        </div>
                        <!--分页 start-->
                        <nav class="text-right">
                            <ul class="pagination">
                                <li>
                                    <a href="#" aria-label="Previous">
                                        <span aria-hidden="true">&laquo;</span>
                                    </a>
                                </li>
                                <li><a href="#">1</a></li>
                                <li><a href="#">2</a></li>
                                <li><a href="#">3</a></li>
                                <li><a href="#">4</a></li>
                                <li><a href="#">5</a></li>
                                <li>
                                    <a href="#" aria-label="Next">
                                        <span aria-hidden="true">&raquo;</span>
                                    </a>
                                </li>
                            </ul>
                        </nav>
                        <!--分页 end-->
                        <div class="text-center h3">
                            <div>今日完成抽奖数：<span>300</span></div>
                            <div>今日抽奖交易金额：<span>30000.00</span></div>
                        </div>
                    </div>
                </div>
                <!--rightbar end-->
            </div>
        </div>
    </div>
    <!--body-div end-->

    <!--footer-div start-->
    <div class="row"  style="margin: 0">
        <div class="col-sm-12 col-lg-12 text-center" style="padding: 0;">
            <h3>Powered by TNT</h3>
            <span class="h3 pull-right">ID:12323434</span>
        </div>
    </div>
    <!--footer-div end-->
</div>

<script type="text/javascript">
    $('.form_date').datetimepicker({
        language:  'zh-CN',
        weekStart: 0,/*一周从周日开始*/
        todayBtn:  1,/*显示今天按钮*/
        autoclose: 1,/*选择完日期后，自动关闭*/
        todayHighlight: 1,/*高亮今天日期*/
        startView: 2,/*日期打开后，为日视图*/
        minView: 2,
        forceParse: 1
    });
</script>

</body>
</html>